<!DOCTYPE html>
<html>
<head>
    <title>Welcome to Kickstars</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale = 1.0, maximum-scale=1.0, user-scalable=no" />
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="css/normalize.css"/>
    <link rel="stylesheet" href="css/jquery.sidr.light.css"/>
	<link rel="stylesheet" href="css/animate.min.css"/>
	<link rel="stylesheet" href="css/md-slider.css"/>
    <link rel="stylesheet" href="css/style.css"/>
    <!--[if lte IE 7]>
    <link rel="stylesheet" href="css/ie7.css"/>
    <![endif]-->
    <!--[if lte IE 8]>
    <link rel="stylesheet" href="css/ie8.css"/>
    <![endif]-->
    <link rel="stylesheet" href="css/responsive.css"/>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="js/html5.js"></script>
    <![endif]-->
    <script type="text/javascript" src="js/raphael-min.js"></script>
    <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" src="js/jquery-migrate-1.2.1.min.js"></script>
    <script type="text/javascript" src="js/jquery.touchwipe.min.js"></script>
	<script type="text/javascript" src="js/md_slider.min.js"></script>
	<script type="text/javascript" src="js/jquery.sidr.min.js"></script>
    <script type="text/javascript" src="js/jquery.tweet.min.js"></script>
    <script type="text/javascript" src="js/pie.js"></script>
    <script type="text/javascript" src="js/script.js"></script>

</head>
<body>
<div id="wrapper">
    <header id="header">
        <div class="clearfix">
            <h1 id="logo">
                <a href="index.html"><img src="images/logo.png" alt="$SITE_NAME"/></a>
            </h1>
            <div class="main-nav clearfix">
                <div class="nav-item">
                    <a href="category.html" class="nav-title">WHAT IS VSEEDING</a>
                </div>
                <span class="sep"></span>
                <div class="nav-item">
                    <a href="#" class="nav-title">BROWSE PROJECTS</a>
                </div>
                <span class="sep"></span>
                <div class="nav-item">
                    <a href="#" class="nav-title">POST A PROJECT</a>
                </div>
            </div>
        </div>
    </header><!--end: #header -->

    <div id="home-slider">
        <div class="md-slide-items md-slider" id="md-slider-1" data-thumb-width="105" data-thumb-height="70">
			<div class="md-slide-item slide-0" data-timeout="6000">
				<div class="md-mainimg"><img src="images/ex/th-slide0.jpg" alt=""></div>
				<div class="md-objects">
					<div class="md-object rs slide-title" data-x="20" data-y="38" data-width="480" data-height="30" data-start="700" data-stop="5500" data-easein="random" data-easeout="keep">
						<p>Search Money for Your Creative Ideas?</p>
					</div>
					<div class="md-object rs slide-description" data-x="20" data-y="160" data-width="480" data-height="90" data-start="1400" data-stop="7500" data-easein="random" data-easeout="keep">
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient monte.</p>
					</div>
					<div class="md-object rs" data-x="20" data-y="260" data-width="120" data-height="23" data-padding-top="9" data-padding-bottom="7" data-padding-left="10" data-padding-right="10" data-start="1800" data-stop="7500" data-easein="random" data-easeout="keep">
						<a href="#" class="btn btn-gray">Learn more</a>
					</div>
					<div class="md-object" data-x="495" data-y="0" data-width="612" data-height="365" data-start="1800" data-stop="7500" data-easein="fadeInRight" data-easeout="keep" style=""><img src="images/ex/th-slide-man.png" alt="Search Money for Your Creative Ideas" width="612" height="365" /></div>
				</div>
			</div>
			<div class="md-slide-item slide-1" data-timeout="6000">
				<div class="md-mainimg"><img src="images/ex/th-slide1.jpg" alt=""></div>
				<div class="md-objects">
					<div class="md-object rs slide-title" data-x="20" data-y="188" data-width="390" data-height="30" data-start="700" data-stop="5500" data-easein="random" data-easeout="random">
						<p>A creative engine</p>
					</div>
					<div class="md-object rs slide-description2" data-x="20" data-y="250" data-width="390" data-height="100" data-start="1400" data-stop="4500" data-easein="random" data-easeout="random">
						<p>Mauris volutpat, lectus vitae pretium sagittis, turpis augue euismod libero</p>
					</div>
					<div class="md-object" data-x="454" data-y="44" data-width="327" data-height="268" data-start="1000" data-stop="5500" data-easein="random" data-easeout="random" style=""><img src="images/ex/slide1_1.png" alt="Responsive" width="327" height="268" /></div>
					<div class="md-object" data-x="628" data-y="142" data-width="298" data-height="176" data-start="1600" data-stop="5100" data-easein="random" data-easeout="random" style=""><img src="images/ex/slide1_2.png" alt="Responsive" width="298" height="176" /></div>
					<div class="md-object" data-x="837" data-y="169" data-width="119" data-height="149" data-start="2200" data-stop="4800" data-easein="random" data-easeout="random" style=""><img src="images/ex/slide1_3.png" alt="Responsive" width="119" height="149" /></div>
					<div class="md-object" data-x="809" data-y="208" data-width="59" data-height="114" data-start="2800" data-stop="4500" data-easein="random" data-easeout="random" style=""><img src="images/ex/slide1_4.png" alt="Responsive" width="59" height="114" /></div>
				</div>
			</div>
			<div class="md-slide-item slide-2" data-timeout="4000">
				<div class="md-mainimg"><img src="images/ex/th-slide2.jpg" alt=""></div>
				<div class="md-objects">
					<div class="md-object slide-with-background" data-x="20" data-y="58" data-width="500" data-height="170" data-padding-top="30" data-padding-bottom="30" data-padding-left="35" data-padding-right="35" data-start="300" data-stop="3600" data-easein="random" data-easeout="keep">
						<h2 class="rs slide-title">Start your project today</h2>
						<p class="rs slide-description2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient monte.</p>
					</div>
				</div>
			</div>
		</div>
    </div><!--end: #home-slider -->
    <div class="home-feature-category">
        <div class="clearfix">
            <div class="grid_8 marked-category">
                <div class="wrap-title clearfix">
                    <h2 class="title-mark rs">Introduction</h2>
                </div>
                <div>
                    <div class="introduction-video">
                        <iframe height=498 width=90% src="http://player.youku.com/embed/XNDI2MDU4MTYw" frameborder=0 allowfullscreen>
                        </iframe>
                    </div><!--end: .top-project-info -->

                    <div class="introduction-title">
                        Vseeding find future, fund future.
                    </div>

                    <div class="introduction-block">
                    </div>

                    <div class="introduction-text clearfix">
                        We’re a home for everything from films, games, and music to art, design, and technology. Vseeding is full of projects, big and small, that are brought to life through the direct support of people like you. Since our launch in 2009, more than 4.5 million people have pledged over $716 million, funding more than 45,000 creative projects. Thousands of creative projects are raising funds on Vseeding right now. 
                        <br/><br/>
                        The filmmakers, musicians, artists, and designers you see on Vseeding have complete control over and responsibility for their projects. Vseeding is a platform and a resource; we’re not involved in the develop -ment of the projects themselves. Anyone can launch a project on Kickstarter as long as it meets our guide-lines. <br/><br/>
                        Entrepreneur set a funding goal and deadline. If people like a project, they can pledge money to make it happen. Funding on Vseeding is all-or-nothing — projects must reach their funding goals to receive any money. All-or-nothing funding might seem scary, but it’s amazingly effective in creating momentum and rallying people around an idea. To date, an impressive 44% of projects have reached their funding goals.
                    </div>
                </div>
            </div><!--end: .marked-category -->

            <div class="grid_4 index-projects">
                <div class="wrap-title clearfix">
                    <h2 class="title-mark rs">Browse Projects</h2>
                </div>
                <div class= "clearfix">
                        <div class="project-short sml-thumb">
                            <div class="">
                                <div class="">
                                    <div class="grid_8 wrap-short-detail">
                                        <p class="rs project-location">
                                            <i class="icon iLocation"></i>
                                            New York, NY
                                        </p>
                                        <h3 class="rs acticle-title"><a class="be-fc-orange" href="project.html">Project title</a></h3>
                                        <p class="rs title-description">Nam sit amet est sapien, a faucibus purus. Sed commodo facilisis tempus. Pellentesque placerat elementum adipiscing.</p>
                                    </div>
                                    <div class="grid_4 progress-info">
                                         <div class="group-fee clearfix">
                                            <div>
                                                <span class="progress-value">50% Funded</span>
                                            </div>
                                            <div>
                                                <span class="progress-value">$38,000 Pledged</span>
                                            </div>
                                            <div>
                                                <span class="progress-value">25 Days Left</span>
                                            </div>
                                        </div>
                                        <div class="progress-line">
                                            <div class="bg-progress">
                                                <span style="width: 50%"></span>
                                            </div>
                                        </div>
                                    </div>
                                    <a href="#">
                                        <img src="images/ex/th-292x204-1.jpg" alt="$TITLE">
                                    </a>
                                </div>
                            </div>
                        </div>

                        <div class="project-short sml-thumb">
                            <div class="">
                                <div class="">
                                    <div class="grid_8 wrap-short-detail">
                                        <p class="rs project-location">
                                            <i class="icon iLocation"></i>
                                            New York, NY
                                        </p>
                                        <h3 class="rs acticle-title"><a class="be-fc-orange" href="project.html">Project title</a></h3>
                                        <p class="rs title-description">Nam sit amet est sapien, a faucibus purus. Sed commodo facilisis tempus. Pellentesque placerat elementum adipiscing.</p>
                                    </div>
                                    <div class="grid_4 progress-info">
                                         <div class="group-fee clearfix">
                                            <div>
                                                <span class="progress-value">50% Funded</span>
                                            </div>
                                            <div>
                                                <span class="progress-value">$38,000 Pledged</span>
                                            </div>
                                            <div>
                                                <span class="progress-value">25 Days Left</span>
                                            </div>
                                        </div>
                                        <div class="progress-line">
                                            <div class="bg-progress">
                                                <span style="width: 50%"></span>
                                            </div>
                                        </div>
                                    </div>
                                    <a href="#">
                                        <img src="images/ex/th-292x204-1.jpg" alt="$TITLE">
                                    </a>
                                </div>
                            </div>
                        </div>

                        <div class="project-short sml-thumb">
                            <div class="">
                                <div class="">
                                    <div class="grid_8 wrap-short-detail">
                                        <p class="rs project-location">
                                            <i class="icon iLocation"></i>
                                            New York, NY
                                        </p>
                                        <h3 class="rs acticle-title"><a class="be-fc-orange" href="project.html">Project title</a></h3>
                                        <p class="rs title-description">Nam sit amet est sapien, a faucibus purus. Sed commodo facilisis tempus. Pellentesque placerat elementum adipiscing.</p>
                                    </div>
                                    <div class="grid_4 progress-info">
                                         <div class="group-fee clearfix">
                                            <div>
                                                <span class="progress-value">50% Funded</span>
                                            </div>
                                            <div>
                                                <span class="progress-value">$38,000 Pledged</span>
                                            </div>
                                            <div>
                                                <span class="progress-value">25 Days Left</span>
                                            </div>
                                        </div>
                                        <div class="progress-line">
                                            <div class="bg-progress">
                                                <span style="width: 50%"></span>
                                            </div>
                                        </div>
                                    </div>
                                    <a href="#">
                                        <img src="images/ex/th-292x204-1.jpg" alt="$TITLE">
                                    </a>
                                </div>
                            </div>
                        </div>
                </div>
            </div>
        </div>

    <footer id="footer">
        <div class="container_12 main-footer">
            <div class="grid_3 about-us">
                <h3 class="rs title">About</h3>
                <p class="rs description">Donec rutrum elit ac arcu bibendum rhoncus in vitae turpis. Quisque fermentum gravida eros non faucibus. Curabitur fermentum, arcu sed cursus commodo.</p>
                <p class="rs email"><a class="fc-default  be-fc-orange" href="mailto:info@megadrupal.com">info@megadrupal.com</a></p>
                <p class="rs">+1 (555) 555 - 55 - 55</p>
            </div><!--end: .contact-info -->
            <div class="grid_3 recent-tweets">
                <h3 class="rs title">Recent Tweets</h3>
                <div class="lst-tweets" id="sys_lst_tweets">
                    
                </div>
            </div><!--end: .recent-tweets -->
            <div class="clear clear-2col"></div>
            <div class="grid_3 email-newsletter">
                <h3 class="rs title">Newsletter Signup</h3>
                <div class="inner">
                    <p class="rs description">Nam aliquet, velit quis consequat interdum, odio dolor elementum.</p>
                    <form action="#">
                        <div class="form form-email">
                            <label class="lbl" for="txt-email">
                                <input id="txt-email" type="text" class="txt fill-width" placeholder="Enter your e-mail address"/>
                            </label>
                            <button class="btn btn-green" type="submit">Submit</button>
                        </div>
                    </form>
                </div>
            </div><!--end: .email-newsletter -->
            <div class="grid_3">
                <h3 class="rs title">Discover &amp; Create</h3>
                <div class="footer-menu">
                    <ul class="rs">
                        <li><a class="be-fc-orange" href="#">What is Kickstars</a></li>
                        <li><a class="be-fc-orange" href="#">Start a project</a></li>
                        <li><a class="be-fc-orange" href="#">Project Guidlines</a></li>
                        <li><a class="be-fc-orange" href="#">Press</a></li>
                        <li><a class="be-fc-orange" href="#">Stats</a></li>
                    </ul>
                    <ul class="rs">
                        <li><a class="be-fc-orange" href="#">Staff Picks</a></li>
                        <li><a class="be-fc-orange" href="#">Popular</a></li>
                        <li><a class="be-fc-orange" href="#">Recent</a></li>
                        <li><a class="be-fc-orange" href="#">Small Projects</a></li>
                        <li><a class="be-fc-orange" href="#">Most Funded</a></li>
                    </ul>
                    <div class="clear"></div>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </footer><!--end: #footer -->

</div>

<div class="popup-common" id="sys_popup_common">
    <div class="overlay-bl-bg"></div>
    <div class="container_12 pop-content">
        <div class="grid_12 wrap-btn-close ta-r">
            <i class="icon iBigX closePopup"></i>
        </div>
        <div class="grid_6 prefix_1">
            <div class="form login-form">
                <form action="#">
                    <h3 class="rs title-form">Register</h3>
                    <div class="box-white">
                        <h4 class="rs title-box">New to Kickstars?</h4>
                        <p class="rs">A Kickstars account is required to continue.</p>
                        <div class="form-action">
                            <label for="txt_name">
                                <input id="txt_name" class="txt fill-width" type="text" placeholder="Enter full name"/>
                            </label>
                            <div class="wrap-2col clearfix">
                                <div class="col">
                                    <label for="txt_email">
                                        <input id="txt_email" class="txt fill-width" type="email" placeholder="Enter your e-mail address"/>
                                    </label>
                                    <label for="txt_re_email">
                                        <input id="txt_re_email" class="txt fill-width" type="email" placeholder="Re-enter your e-mail adress"/>
                                    </label>
                                </div>
                                <div class="col">
                                    <label for="txt_password">
                                        <input id="txt_password" class="txt fill-width" type="password" placeholder="Enter password"/>
                                    </label>
                                    <label for="txt_re_password">
                                        <input id="txt_re_password" class="txt fill-width" type="password" placeholder="Re-enter password"/>
                                    </label>
                                </div>
                            </div>
                            <p class="rs pb10">By signing up, you agree to our <a href="#" class="fc-orange">terms of use</a> and <a href="#" class="fc-orange">privacy policy</a>.</p>
                            <p class="rs ta-c">
                                <button class="btn btn-red btn-submit" type="submit">Register</button>
                            </p>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div class="grid_4">
            <div class="form login-form">
                <form action="#">
                    <h3 class="rs title-form">Login</h3>
                    <div class="box-white">
                        <h4 class="rs title-box">Already Have an Account?</h4>
                        <p class="rs">Please log in to continue.</p>
                        <div class="form-action">
                            <label for="txt_email_login">
                                <input id="txt_email_login" class="txt fill-width" type="email" placeholder="Enter your e-mail address"/>
                            </label>
                            <label for="txt_password_login">
                                <input id="txt_password_login" class="txt fill-width" type="password" placeholder="Enter password"/>
                            </label>

                            <label for="chk_remember" class="rs pb20 clearfix">
                                <input id="chk_remember" type="checkbox" class="chk-remember"/>
                                <span class="lbl-remember">Remember me</span>
                            </label>
                            <p class="rs ta-c pb10">
                                <button class="btn btn-red btn-submit" type="submit">Login</button>
                            </p>
                            <p class="rs ta-c">
                                <a href="#" class="fc-orange">I forgot my password</a>
                            </p>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div class="clear"></div>
    </div>
</div>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-20585382-5', 'megadrupal.com');
  ga('send', 'pageview');

</script>
</body>
</html>